<!DOCTYPE html>
<html>
	<head>
		<title>css背景理解</title>	
		<meta charset="utf-8"/>
		<style type="text/css">
			body{
				/*background-color:#fcc;
				background-image:url(和梦甜.jpg);
				background-repeat:no-repeat;
				background-position: top center;*/
				/*background-position: 100px 300px;*/
				background: url(zp.jpg) #fcc no-repeat top center;
			}
			h2{
				text-align:center;
				background-color:#f00;
			}
			p{
				color: #222;
				line-height:1.5em;
				text-indent:2em;
				font:12px '宋体';
			}
			span{
				
				font:12px '宋体';
			}
			a{
				text-decoration:none;
			}
			a:hover{
				text-decoration:underline;
			}
			li{
				/*list-style-type: circle;*/
				list-style-image: url(1.jpg);
				list-style-position: inside;
			}
		</style>
	</head>
	<body>
		<h2>新闻标题</h2>
		<p>这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落这是第一段段落</p>
		<p>这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落这是第二段段落</p>
		<ul>
			<li>第一列表</li>
			<li>第二列表</li>
			<li>第三列表</li>
		</ul>
		<span>下一篇:<a href="#">下一篇新闻</a></span>
	</body>
</html> 